﻿
@{
    ViewBag.Title = "Filter";
}

<h2>Filter</h2>

<ul class="ch1">
    <li>HTML</li>
    <li>CSS</li>
    <li>Bootstrap</li>
    <li>JQuery</li>
    <li>Helper</li>
</ul>

<ul>
    <li>HTML</li>
    <li>CSS</li>
    <li>Bootstrap</li>
    <li>JQuery</li>
    <li>Helper</li>
</ul>

@section scripts{
    <script>
        $(function () {
            $("ul.ch1 li:odd").css({
                background: "aqua"
            })
            $("ul.ch1 li:even").css({
                background: "pink"
            })
            $("ul.ch1 li:first, ul.ch1 li:last").css({
                color:"red", background:"yellow"
            })
        });
    </script>
}